<ion-view hide-nav-bar="true">
	<style>
		.t-result{
			height:225px;
		}
		.pList-scroll{
			position: absolute;
			top: 225px!important;
			bottom: 0;
			left: 0;
			right: 0;
		}
		.slider-slide h3{
			color:#fff;
			margin-top:40px;
		}
		.tabbed-slidebox .tsb-icons:after{
			display:none;
		}
	</style>
	<ion-header-bar class="bar-dark prl10">

		<div class="buttons">
			<a class="button button-small button-clear mr10"  ng-href="#/app/messages">
				<i class="iconfont color-f f24">&#xe61e;</i>
			</a>
		</div>
		<div class="title D-abso" style="padding:5px 0; left: 70px; right: 70px;">
			<div class="button-bar bar-light">
				<a class="button button-aux" ng-class="{active:$state.includes('app.engineers')}" href="#/app/engineers" style="color:#ffffff !important;">工程师</a>
				<a class="button button-outline button-aux" ng-class="{active:$state.includes('app.question')}" href="#/app/question" >常见问题</a>
			</div>
		</div>
		<div class="buttons" style="position:absolute; right:5px;">
			<button class="button but ton-icon icon ion-ios-search-strong" ng-click="showFilterBar()"></button>
		</div>
	</ion-header-bar>

	<ion-content class="page has-header" scroll="false" lazy-scroll>

		<div class="t-result">

			<div class="engineer_best D-block-base ptb15 mb15">
				<div class="block_list_grop-header pl10 pb10">推荐工程师</div>
				<div class="block_list_item">
					<hscroller>
						<hcard ng-repeat="item in engineers" ng-href="#/app/engineers/{{item.id}}" index="{{$index}}" describe="{{item.describe}}" image="{{item.image}}" name="{{item.name}}"></hcard>
					</hscroller>
				</div>
			</div>

			<tab-slide-box tab="0">

				<div class="tsb-icons ptb15">
					<div class="tsb-ic-wrp">
						<ion-scroll direction="x" class="tsb-hscroll">
							<a href="javascript:;" class="ion-all" ng-click="slideHasChanged(0)">全部</a>
							<a href="javascript:;" class="{{tab.icon}}" ng-repeat="item in categoryList" ng-click="slideHasChanged($index+1)">{{item.name}}</a>
						</ion-scroll>
					</div>
				</div>

				<ion-scroll direction="y" class="taskcase-list list pList-scroll" style="margin-top:70px">
					<ion-refresher pulling-icon="" pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
					<ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)">
						<ion-slide>
							<a ng-repeat="item in engineers" href="#/app/engineer-detail/{{item.id}}" class="item item-thumbnail-left">
								<img src="{{item.image}}" />
								<h2>{{item.name}} <i class="iconfont f10 color-energized">&#xe646;</i> </h2>
								<p class="color-9">{{item.describe}}</p>
								<p class="color-assertive f14">{{item.score}}</p>
								<p>擅长：{{item.goodat}}</p>
							</a>
							<a class="animate-repeat" ng-if="engineers.length == 0" style="height: 100%">
								<h3>该任务分类下还没有任务，赶快来添加任务吧！</h3>
							</a>
						</ion-slide>
					</ion-slide-box>
					<ion-infinite-scroll on-infinite="loadMore()" distance="3%">已完成</ion-infinite-scroll>
				</ion-scroll>
			</tab-slide-box>
		</div>
		<!--<div class="bar bar-stable engineer-filter mt10" style="height:44px; display: block;">
			<div class="row row-tabs">
				<div class="col col-center tab-item">
					<div class="col-item dropdown-toggle" ng-click="sortBy('-score')">推荐排序</div>
				</div>
				<div class="col col-center tab-item">
					<div class="col-item dropdown-toggle" ng-click="sortBy('-workage')">成交排序 </div>

				</div>
				<div class="col col-center tab-item">
					<a class="col-item dropdown-toggle" ng-click="sortBy('-score')">评分排序 </a>

				</div>
				<div class="col col-center tab-item dropdown" dropdown on-toggle="toggled(open,4)">
					<a class="col-item dropdown-toggle" dropdown-toggle>筛选 <i class="f20  ion-ios-arrow-down"></i></a>
					<div class="dropdown-menu arrow-box arrow-box4">
						<ion-radio ng-value="item.value" name="filteredMarry" ng-model="filtered.marry" ng-change="filterChange(item,filters.marry)" ng-repeat="item in filters.marry | orderBy:'order':true">
							{{item.option}}
						</ion-radio>
					</div>
				</div>
			</div>
		</div>
		</div>
		<div class="list mt50">
			<a ng-repeat="item in engineers" href="#/app/engineer-detail/{{item.id}}" class="item item-thumbnail-left">
				<img src="{{item.image}}" />
				<h2>{{item.name}} <i class="iconfont f10 color-energized">&#xe646;</i> </h2>
				<p class="color-9">{{item.describe}}</p>
				<p class="color-assertive f14">{{item.score}}</p>
				<p>擅长：{{item.goodat}}</p>
			</a>
		</div>
		<div style="height: 60px"></div>-->
	</ion-content>
</ion-view>